<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>趣享会</title>
    <link rel="stylesheet" href="/css/framework7.ios.min.css">
    <link rel="stylesheet" href="/css/framework7.ios.colors.min.css">
    <link rel="stylesheet" href="/css/framework7-icons.css">
    <link rel="stylesheet" href="/css/my-app.css">
    <!--<link rel="stylesheet" href="/css/framework7.keypad.css">-->
    <!--<link rel='stylesheet' href='/css/style.css'/>-->

</head>
<body>
<div class="views">
    <!-- Status bar overlay for fullscreen mode-->
    <div class="statusbar-overlay"></div>
    <!-- Panels overlay-->
    <div class="panel-overlay"></div>
    <!-- 左侧边栏 -->
    <div class="panel panel-left panel-cover">
        <div class="content-block">
            <p>Left panel content goes here</p>
        </div>
    </div>
    <!-- 右侧边栏 -->
    <div class="panel panel-right panel-cover">
        <div class="content-block">
            <p>Right panel content goes here</p>
        </div>
    </div>
    <!-- Views-->
    <div class="views">
        <!-- Your main view, should have "view-main" class-->
        <div class="view view-main">

            <!-- Pages, because we need fixed-through navbar and toolbar, it has additional appropriate classes-->
            <div class="pages toolbar-through">
                <!-- Index Page-->

                {{{body}}}

            </div>

            <div class="toolbar tabbar tabbar-labels">
                <div class="toolbar-inner">
                    <a href="/activities" class="tab-link active">
                        <i class="f7-icons">calendar</i>
                        <span class="tabbar-label">活动</span>
                    </a>
                    <a href="/business" class="tab-link ">
                        <i class="f7-icons">photos</i>
                        <span class="tabbar-label">商家</span>
                    </a>
                    <a href="/user" class="tab-link">
                        <i class="f7-icons">person</i>
                        <span class="tabbar-label">我的</span>
                    </a>
                </div>
            </div>

        </div>
    </div>
</div>
<script type="text/javascript" src="/js/framework7.min.js"></script>
<!--<script type="text/javascript" src="/js/framework7.keypad.min.js"></script>-->
<script type="text/javascript" src="/js/my-app.js"></script>
</body>
</html>
